<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>浮动的Bug问题</title>
		<link rel="stylesheet" href="css/浮动Bug.css" />
	</head>
	<body>
		<!--浮动  元素一旦浮动起来，页面由元素之间嵌套形成
		  float属性一定会浮动Bug，主要Bug两个
		  1.浮动塌陷:具备元素嵌套，父级没有指定高度，子元素浮动
		  解决方案：1.找到塌陷父级元素，指定高度   经验
		           2.找到塌陷父级元素，指定溢出隐藏，子元素当高度做隐藏  推荐
		  
		  2.浮动卡顿：父级元素宽度不够，某个子元素【高度】超过其他元素
		  解决方案：1.
		  -->
		  <div id="father">
			  <div class="d1">1</div>
			  <div class="d2">2</div>
			  <div class="d3">3</div>
			  <div class="d4">4</div>
			  <div class="d5">5</div>
		  </div>
	</body>
</html>